<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Example &laquo;inputs&raquo; types</title>
	<style>
		* {
			font-family: Verdana;
		}

		table tr td {
			vertical-align: top;
			width: 50%;
		}
	</style>
</head>
<body>
	<form>
		<table width="100%" cellpadding="0" cellspacing="0">
			<tr>
				<td>
					<h2>HTML 4.01</h2>
					<p>Поддерживаются всеми браузерами</p>
					<p>button<br>
						<input type="button">
					</p>
					<p>checkbox<br>
						<input type="checkbox">
					</p>
					<p>file<br>
						<input type="file">
					</p>
					<p>hidden<br>
						<input type="hidden">
					</p>
					<p>image<br>
						<input type="image">
					</p>
					<p>password<br>
						<input type="password">
					</p>
					<p>radio<br>
						<input type="radio">
					</p>
					<p>reset<br>
						<input type="reset">
					</p>
					<p>submit<br>
						<input type="submit">
					</p>
					<p>text<br>
						<input type="text">
					</p>
				</td>
				<td>
					<h2>HTML 5</h2>
					<p>Поддерживаются не всеми браузерами</p>
					<p>color<br>
						<input type="color">
					</p>
					<p>date<br>
						<input type="date">
					</p>
					<p>datetime<br>
						<input type="datetime">
					</p>
					<p>datetime-local<br>
						<input type="datetime-local">
					</p>
					<p>email<br>
						<input type="email">
					</p>
					<p>month<br>
						<input type="month">
					</p>
					<p>number<br>
						<input type="number">
					</p>
					<p>range<br>
						<input type="range">
					</p>
					<p>search<br>
						<input type="search">
					</p>
					<p>tel<br>
						<input type="tel">
					</p>
					<p>time<br>
						<input type="time">
					</p>
					<p>url<br>
						<input type="url">
					</p>
					<p>week<br>
						<input type="week">
					</p>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>